<template>
    <div class="item">
        <div class="time">报告时间：{{data.createTime | formatTime}}</div>
        <div class="info">
            <h4>{{data.examModelName}}</h4>
            
                <ul>
                    <li>
                        校区：{{data.schoolName}}
                    </li>
                    <li>
                        年级：{{data.sectionName}}
                    </li>
                    <li>科目：{{data.subjectName}}</li>
                    <li>得分：<span>{{data.getScore}}</span>分</li>
                </ul>
            
        </div>
    </div>
</template>
<script>
export default {
    props:['data'],
    data(){
        return{
        
        }
    }
}
</script>
<style lang="less" scoped>
.item{
    width:100%;
    background:#fff;
    margin-top:0.22rem;
    border-top:1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    .time{
        height:0.88rem;
        padding-left:0.3rem;
        color:#1c1b20;
        font-size:28px;
        line-height: 0.88rem;
        box-sizing: border-box;
        border-bottom: 1px solid #e8e8e8;

    }
    .info{
        width:100%;
        padding:0.36rem 0.3rem 0.4rem;
        box-sizing: border-box;
        h4{
            font-size:32px;
            color:#333;
            max-width:100%;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
        ul{
            display: flex;
            display:-webkit-flex;
            flex-wrap: wrap;
            width:100%;
            margin-top:0.32rem;
            li{
                width:50%;
                font-size:28px;
                color:#333;
                height:28px;
                line-height:28px;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                &:nth-child(2n){
                    padding-left:0.88rem;
                    box-sizing: border-box;
                }
                span{
                    color:#fe4840;
                }
            }
            li+li{
                margin-bottom: 0.16rem;
            }
        }
    }
}
</style>
